<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
    <n-dialog-provider>
      <n-message-provider>
        <div :style="`height:${height}px`">
          <router-view />
        </div>
      </n-message-provider>
    </n-dialog-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { zhCN, dateZhCN } from 'naive-ui';
const height = ref(window.innerHeight)
window.onresize = () => {
  return (() => {
    height.value = window.innerHeight;
  })();
}
</script>

<style lang="less">
@import "./assets/less/defined.less";

body {
  padding: 0;
  margin: 0;
  font-size: 12px;
  background: #ededed;
}


@media screen and (min-width:1200px) {
  body {
    min-width: 1200px;
  }
}

* {
  box-sizing: border-box;
}
</style>
